<template>
  <div class="content">
    <div class="panel-lead">
      <div class="title">{{props.route.meta.name}}</div>
      <p class="description">{{props.route.meta.describe}}</p>
    </div>

  </div>

</template>

<script setup>
import { ref, reactive, toRefs, watch, onMounted } from 'vue'
const props =defineProps({
  route:{
    type: Object
  }
})

</script>


<style scoped lang="less">
.content {
  padding: 15px;
  background-color: #e8edf0;
  border-color:#e8edf0;
  position: relative;
  border-radius: 5px;
  .panel-lead{
    .title{
      font-weight: bold;
      font-style:normal;
    }
    .description{
      margin-top:5px;
    }
  }

}

</style>
